<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>12_innerHTML和innerText的区别</title>

        <style>
            em {
                color: red;
            }
        </style>
    </head>
    <body>
        <span>
            北京
            <em>尚硅谷</em>
        </span>


        <script>
            // 获取
            // var span = document.querySelector('span');

            // innerHTML获取的是标签中的html内容
            // console.log(span.innerHTML);
            // console.log('-----------------');
            // innerText获取的是标签中的文本内容
            // console.log(span.innerText);


            // 设置
            var span = document.querySelector('span');

            // 设置内容的时候  会让标签生效
            span.innerHTML = '<h1>哈哈哈</h1>';
            // 设置内容的时候 不会标签生效
            span.innerText = '<h1>哈哈哈</h1>';
        </script>
    </body>
</html>